<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>layui</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="layui/css/layui.css" media="all">
    <!-- 注意：如果你直接复制所有代码到本地，上述css路径需要改成你本地的 -->
</head>

<body>

    <div class="demoTable">
        搜索ID：
        <div class="layui-inline">
            <input class="layui-input" name="id" id="demoReload" autocomplete="off">
        </div>
        <button class="layui-btn" data-type="reload">搜索</button>
    </div>

    <table class="layui-hide" id="LAY_table_user" lay-filter="user"></table>

    <script type="text/html" id="barDemo">
    <!-- <button type="submit" class="layui-btn" lay-submit="" lay-filter="demo1">立即提交</button> -->
    <a class="layui-btn layui-btn-xs" lay-event="edit" lay-filter="demo1">去结算</a>
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
    </script>



    <script src="layui/layui.js" charset="utf-8"></script>
    <!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->
    <script>
        layui.use(['table', 'jquery'], function () {
            var table = layui.table;
            var $ = layui.$;

            //方法级渲染
            table.render({
                elem: '#LAY_table_user'
                , url: 'http://127.0.0.1/Group6/zk1021/php/public/index.php/index/Dingd/Dlist'
                , cols: [[
                    { checkbox: true, fixed: true }
                    , { field: 'user_id', title: '用户ID', sort: true, fixed: true }
                    , { field: 'id', title: '商品编号', sort: true, fixed: true }
                    , { field: 's_name', title: '商品名称' }
                    , { field: 'price', title: '单价', sort: true }
                    , { field: 'num', title: '数量' }
                    , { field: 's_price', title: '总价' }
                    , { fixed: 'right', title: '操作', align: 'center', toolbar: '#barDemo' }
                ]]
                , id: 'testReload'
                , page: true
                , parseData: function (res) { //res 即为原始返回的数据
                    return {
                        "code": res.code, //解析接口状态
                        "msg": res.msg, //解析提示文本
                        "count": res.data.total, //解析数据长度
                        "data": res.data.data//解析数据列表
                    };
                }
            });

            var active = {
                reload: function () {
                    var demoReload = $('#demoReload');

                    //执行重载
                    table.reload('testReload', {
                        page: {
                            curr: 1 //重新从第 1 页开始
                        }
                        , where: {
                            key: {
                                id: demoReload.val()
                            }
                        }
                    }, 'data');
                }
            };





            //监听工具条
            table.on('tool(user)', function (obj) {
                var data = obj.data;
                if (obj.event === 'del') {
                    layer.confirm('真的删除行么', function (index) {
                        obj.del();
                        layer.close(index);
                    });
                } else if (obj.event === 'edit') {
                    //   layer.alert('编辑行：<br>'+ JSON.stringify(data))

                    $.ajax({
                            type:'post',
                            url:"http://127.0.0.1/Group6/zk1021/php/public/index.php/index/Dingd/DingAdd",
                            data:data.field,
                            dataType:'json',
                            success:function( res )
                            {
                                alert( res.msg );
                                if( res.code == 1 )
                                {
                                    
                                    location.href = "./Dingds.html";
                                }
                            }
                    })
                    // return false;
                    // layer.alert(JSON.stringify(data), {
                    //         title: '最终的提交信息'
                    //     })
                        // return false;
                    // form.on('submit(demo1)', function (data) {  
                    //     layer.alert(JSON.stringify(data.field), {
                    //         title: '最终的提交信息'
                    //     })
                    //     return false;
                    // });

                }
            });






            $('.demoTable .layui-btn').on('click', function () {
                var type = $(this).data('type');
                active[type] ? active[type].call(this) : '';
            });
        });
    </script>

</body>

</html>